<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签</title>
</head>
<body>
    <!-- order list (有序标签) -->
    <!-- 
    1.ol 子标签 li
    2.属性：type,属性值：
    【1】:1  数字 默认的
    【2】:a  小写字母
    【3】:A  大写字母
    【4】：罗马数字 i  I -->
    <ol>
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
    </ol>

    <ol type="A">
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
    </ol>

    <ol type="a">
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
    </ol>
    <ol type="I">
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
    </ol>
    
    <ol type="i">
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
    </ol>

    <!-- unorder list (无序标签) -->
    <!-- 
    1.ul  子标签 li
    2.属性：type:
        属性值：
            disc  实心圆 默认的
            circle: 空心圆
            square:实心正方形 -->
     <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
     </ul>

     <ul Type="square">
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
     </ul>

     <ul Type="circle">
        <li>苹果</li>
        <li>香蕉</li>
        <li>草莓</li>
        <li>葡萄</li>
     </ul>

</body>
</html>